﻿<!DOCTYPE html>
<html>

<head>
{include head_content}
	<!-- morris charts -->
	<link rel="stylesheet" href="View/CQQ/charts/css/morris.css">
	<!-- jvectormap -->
	<link rel="stylesheet" href="View/CQQ/css/jquery-jvectormap.css">
</head>

<body>

	{include right_set}
	<div class="wrapper">		
		<!-- Page Content -->
		<div id="content">
		{include h}
			<!-- Breadcrumb -->
			<!-- Page Title -->
			<div class="container mt-0">
				<div class="row breadcrumb-bar">
					<div class="col-md-6">
						<h3 class="block-title">系统状态</h3>
					</div>
					<div class="col-md-6">
						<ol class="breadcrumb">
							<li class="breadcrumb-item">
								<a href="index.html">
									<span class="ti-home"></span>
								</a>
							</li>
							<li class="breadcrumb-item active">系统状态</li>
						</ol>
					</div>
				</div>
			</div>
			<!-- /Page Title -->
			<!-- /Breadcrumb -->
			<!-- Main Content -->
			<div class="container home">
				<div class="row">
					<!-- Widget Item -->
					<div class="col-md-4">
						<div class="widget-area lochana-box-shadow color-green">
							<div class="widget-left">
								<span class="ti-pulse"></span>
							</div>
							<div class="widget-right">
								<h4 class="wiget-title">CPU</h4>
								<span class="numeric color-green">3.2GHz</span>
								<p class="inc-dec mb-0">20%</p>
							</div>
						</div>
					</div>
					<!-- /Widget Item -->
					<!-- Widget Item -->
					<div class="col-md-4">
						<div class="widget-area lochana-box-shadow color-green">
							<div class="widget-left">
								<span class="ti-server"></span>
							</div>
							<div class="widget-right">
								<h4 class="wiget-title">内存空间</h4>
								<span class="numeric color-green">4GB</span>
								<p class="inc-dec mb-0"> 0.3%</p>
							</div>
						</div>
					</div>
					<!-- /Widget Item -->
					<!-- Widget Item -->
					<div class="col-md-4">
						<div class="widget-area lochana-box-shadow color-green">
							<div class="widget-left">
								<span class="ti-harddrives"></span>
							</div>
							<div class="widget-right">
								<h4 class="wiget-title">硬盘</h4>
								<span class="numeric color-green">32GB</span>
								<p class="inc-dec mb-0"> 18%</p>
							</div>
						</div>
					</div>
					<!-- /Widget Item -->
				</div>

				<div class="row">

					<!-- Widget Item -->
					<div class="col-md-6">
						<div class="widget-area-2 progress-status lochana-box-shadow">
							<h3 class="widget-title">业务进程</h3>
							<div class="table-responsive">
								<table class="table table-bordered">
									<thead>
										<tr>
											<th>进程名</th>
											<th>ID</th>
											<th>内存占用</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td>TCP1</td>
											<td>123</td>
											<td>
												<span class="badge badge-success">5982K</span>
											</td>
										</tr>
										<tr>
											<td>UDP</td>
											<td>8792</td>
											<td>
												<span class="badge badge-warning">33489k</span>
											</td>
										</tr>
										<tr>
											<td>UDP</td>
											<td>8792</td>
											<td>
												<span class="badge badge-warning">33489k</span>
											</td>
										</tr>
										<tr>
											<td>UDP</td>
											<td>8792</td>
											<td>
												<span class="badge badge-warning">33489k</span>
											</td>
										</tr>
										<tr>
											<td>UDP</td>
											<td>8792</td>
											<td>
												<span class="badge badge-warning">33489k</span>
											</td>
										</tr>

									</tbody>
								</table>
							</div>

						</div>
					</div>
					<div class="col-md-6">
						<div class="widget-area-2 progress-status lochana-box-shadow">
							<h3 class="widget-title">辅助进程</h3>
							<div class="table-responsive">
								<table class="table table-bordered">
									<thead>
									<tr>
										<th>VPN</th>
										<th>1244</th>
										<th>39000K</th>
									</tr>
									</thead>
									<tbody>
									<tr>
										<td>守护进程</td>
										<td>2345</td>
										<td>
											<span class="badge badge-success">1299K</span>
										</td>
									</tr>
									<tr>
										<td>uhttp</td>
										<td>12333</td>
										<td>
											<span class="badge badge-warning">7787K</span>
										</td>
									</tr>
									<tr>
										<td>top</td>
										<td>121212</td>
										<td>
											<span class="badge badge-danger">12345K</span>
										</td>
									</tr>

									</tbody>
								</table>
							</div>

						</div>
					</div>
					<!-- /Widget Item -->

				</div>

			</div>
			<!-- /Main Content -->
			<!--Copy Rights-->
			{include f}
			<!-- /Copy Rights-->
		</div>
		<!-- /Page Content -->
	</div>
	<!-- Back to Top -->
	<a id="back-to-top" href="#" class="back-to-top">
		<span class="ti-angle-up"></span>
	</a>
	<!-- /Back to Top -->
	<!-- Jquery Library-->
	<script src="View/CQQ/js/jquery-3.2.1.min.js"></script>
	<!-- Popper Library-->
	<script src="View/CQQ/js/popper.min.js"></script>
	<!-- Bootstrap Library-->
	<script src="View/CQQ/js/bootstrap.min.js"></script>
	<!-- morris charts -->
	<script src="View/CQQ/charts/js/raphael-min.js"></script>
	<script src="View/CQQ/charts/js/morris.min.js"></script>
	<script src="View/CQQ/js/custom-morris.js"></script>

	<!-- Custom Script-->
	<script src="View/CQQ/js/custom.js"></script>
</body>

</html>